/* 预设四种主题 */
:root {
  /* 主题1 */
  --activeTextColor: rgb(64, 158, 255);
  --asideBackgroundColor: rgb(0, 21, 41);
  --menuitemColor: rgb(255, 255, 255);
  --menuItemHoverBackgroundColor: rgb(64, 158, 255);
  --childMenuHeight: 60px;
}

.is-active {
  color: var(--menuItemHoverBackgroundColor) !important;
}
// 选中时的文字颜色
// .el-menu-item .is-active {
//   color: var(--menuitemColor);
//   background-color:var(--menuItemHoverBackgroundColor);

// }
.el-menu-item.is-active {
  background-color: #e6e8ea !important;
}

.el-menu-item:hover {
  background-color: transparent;
  color: var(--menuItemHoverBackgroundColor) !important;
}

// 默认的背景颜色
.el-menu {
  background-color: var(--asideBackgroundColor);
}
// 默认的文字颜色
.el-menu-item,
.el-submenu__title {
  color: var(--menuitemColor);
  background-color: var(--menuItemHoverBackgroundColor);
}
.el-menu-item:focus {
  background: none;
}
.el-menu-item {
  background: none;
}

// 默认的鼠标悬停背景色
// .el-menu-item:hover {
//   background-color: transparent !important;
// }
// .el-menu-item:hover,
.el-submenu__title:focus,
.el-submenu__title:hover {
  background-color: var(--asideBackgroundColor) !important;
  // color: var(--menuItemHoverBackgroundColor) !important;
}
.el-tabs__item:hover {
  color: var(--menuItemHoverBackgroundColor) !important;
}

// 默认的数字徽章背景色
.el-badge__content--primary {
  background-color: var(--menuItemHoverBackgroundColor);
}
// 默认按钮的背景色
.el-button--primary {
  background-color: var(--menuItemHoverBackgroundColor);
  border-color: var(--menuItemHoverBackgroundColor);
}
// 单选的文字
.theme_color_cyan .el-radio__input.is-checked + .el-radio__label {
  color: var(--menuItemHoverBackgroundColor);
}
// 开关的默认颜色
.theme_color_cyan .el-switch.is-checked .el-switch__core {
  background-color: var(--menuItemHoverBackgroundColor);
  border-color: var(--menuItemHoverBackgroundColor);
}
.el-menu-item i,
.el-submenu__title i {
  color: var(--menuitemColor);
  margin: 0 5px 0 0;
}
.ActionItems-wapper .actinitem:hover {
  color: var(--menuItemHoverBackgroundColor) !important;
}
// 更改分页选中的背景颜色
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--menuItemHoverBackgroundColor) !important;
}
.primary_button {
  color: #409eff;
}
.success_button {
  color: #67c23a;
}
.info_button {
  color: #909399;
}
.warning_button {
  color: #ebb563;
}
.danger_button {
  color: #f56c6c;
}
.button10Left {
  margin-left: 10px;
}
.el-table .el-table__header-wrapper th {
  background: #f8f8f9;
}

.el-card {
  margin: 0 0 10px 0;
}
.el-card__body {
  padding: 10px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: #ebeef5;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: rgba(255, 255, 255, 1);
}
